@import "common.scss";
.commit-new-item{
  text-align: left;
  margin: 20px 0 10px 0 ;
  >button{
    width: 100px;
  }
}
.mems-search{
  height: 50px;
  width: 100%;
  >tbody{
    >tr>td{
      height: 35px;
      .out{
        color: $color-blue;
        position: absolute;
        padding: 0 0 0 12px;
        .show{
          content: '';
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-bottom: 7px solid $color-blue;
          position: absolute;
          left: 0px;
          top:5px;
          transform: rotate(180deg);
        }

      }
      .show-hide{
        .show{
          transform: rotate(360deg);

        }
      }



    }
    tr>td>input{
      width: 128px;
      height:22px;
      border:1px solid $color-gray-d;
      outline: 0px;
    }
    tr>td>select{
      width: 100px;
      height:24px;
      border:1px solid $color-gray-d;
      outline: 0px;
    }
  }
}
.content {
  background-color: #f2f5f7;

  .item-tab {
    height: 38px;
    margin-bottom: 20px;
    > li {
      float: left;
      width: 100px;
      height: 36px;
      line-height: 36px;
      position: relative;
      color: $color-white;
      font-size: 13px;
      border: #03a9f4 1px solid;
      &:nth-child(3) {
        border-right: 1px solid $color-gray-d;
      }
      > a,div {
        color: #FFF;
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        width: 70px;
        height: 36px;
        background-color: #FFF;
        color: #03a9f4;
        background-size: 12px 10px;
        padding: 0 0 0 30px;
        &.current {
          color: white;
          height: 38px;
          line-height: 38px;
          top: -1px;
          left: -1px;
          width: 74px;
          background: url("../images/icon-2.png") no-repeat #03a9f4 15px center;
          background-size: 12px 10px;
          padding: 0 0 0 30px;
          z-index: 2;
        }
      }
    }
  }
  .item-content{
    border: 1px solid $color-gray-d;
    background: $color-white;
    width: 100%;
    margin-top: -1px;
    .table-box{
      margin: 19px 19px 0 19px;
      >table{
        width: 100%;
        >thead>tr{
          border-bottom:1px solid #dee6ea;
          border-top:1px solid #dee6ea;
          >th{
            text-align: left;
            padding-left:20px;
            height: 37px;
          }
          &.odd{
            background: #f5f5f5;
          }
        }
        >tbody>tr{
          border-bottom:1px solid #dee6ea;
          //&.even{
          //  background: #f5f5f5;
          //}
          &:hover {
            background: #e6ecef;
          }
          >td{
            text-align: left;
            padding-left: 20px;
            height: 37px;
            >a.link{
              color: $color-blue;
            }
          }
        }

      }
    }
    .pages{
      padding: 14px 19px 16px 0;
      .page-list{
        float: right;
      }
    }
  }
}


#chooseTemplate{
  padding: 2em;
  text-align: center;
}